
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>福利::泡泡看书</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="static/css/main.css" />
    <link rel="stylesheet" href="static/css/iconfont.css" />
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/lazyload.min.js" type="text/javascript"></script>
    <style type="text/css">
        * { padding: 0; margin: 0; }

        html { font-size: 16px; font-size: calc(100% + 2 * (100vw - 375px) / 225); }

        body { max-width: 25rem; margin: 0 auto; background-color: #6dc6ff; }

        .body-bg { background: url('static/images/body.jpg') left top no-repeat; background-size: 100% 35.75rem; width: 100%; height: 35.75rem; }

        .headerde { text-align: center; height: 3.625rem; padding-top: 13.375rem; }

        .container { position: relative; width: 17.6875rem; margin: 0 auto; padding: 1.9375rem 1.125rem 2.215rem; background: #fff; border-radius: 0.3rem; }

        .icon-border { position: absolute; width: 2.125rem; height: 2.125rem; background-position: left top; background-repeat: no-repeat; }

        .icon-left-top { left: -0.4rem; top: -0.4rem; background-image: url('static/images/icon-left-top.png'); }

        .icon-right-bottom { right: -0.4rem; bottom: -0.3rem; background-image: url('static/images/icon-right-bottom.png'); }

        .title-box { position: relative; text-align: center; margin-bottom: 1.1875rem; }

        .icon-title { display: inline-block; position: absolute; width: 0.625rem; height: 0.75rem; }

        .icon-title-left { left: -0.8rem; top: 0.8rem; background: url('static/images/title-left.png') left top no-repeat; }

        .icon-title-right { right: -0.2rem; top: 0.8rem; background: url('static/images/title-right.png') left top no-repeat; }

        .title1 { color: #FF7D9E; }

        .title2 { color: #8D9BFD; }

        h2 { display: inline-block; position: relative; letter-spacing: 0.8rem; font-size: 1.125rem; text-align: center; }

        ul, ol { list-style: none; }

        .btn { display: inline-block; text-decoration: none; }

        .btn-pay { width: 11.25rem; height: 2.25rem; text-align: center; line-height: 2.25rem; color: #fff; border-radius: 6.25rem; background: #c643ed; margin: 0 auto; background: -moz-linear-gradient(left, #ca43ed, #9b47ee); background: -webkit-gradient(linear, 0 0, 0 right, from(#ca43ed), to(#9b47ee)); background: -o-linear-gradient(right, #ca43ed, #9b47ee); }

        .pay-list-item { padding-bottom: 1rem; border-bottom: solid 1px #f2f3fe; margin-bottom: 1.25rem; }

            .pay-list-item > * { display: inline-block; vertical-align: middle; }

        .container { counter-reset: demical; }

        .rule-item { color: #A3B4FF; font-size: 0.75rem; counter-increment: demical; padding-left: 1.625rem; margin-bottom: 0.5625rem; }

            .rule-item:before { content: counter(demical); position: absolute; width: 1rem; height: 1rem; line-height: 1rem; font-size: 0.75rem; margin-left: -1.625rem; text-align: center; color: #fff; background-color: #8699ff; border-radius: 50%; }

        .text-introduct { width: 5.4375rem; height: 0.625rem; margin: 0 auto; background: url('static/images/text-introduct.png') center top no-repeat; }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {

            $("img.lazy").lazyload({ effect: "fadeIn", threshold: 1200 });

            if (window.location.href.indexOf("token=") > -1) {
                $("#Pan_Bottom").hide();
                $("#header").hide();

                window.JSEx.execute('SetTitle', '[\"福利\"]');
            }

            $('#category-list').on('click', function () {
                if ($(this).hasClass('active')) {
                    $('.guide').removeClass('active');
                    $(this).removeClass('active');
                } else {
                    $('.guide').addClass('active');
                    $(this).addClass('active');
                }
            });

            $.getScript("/Count.aspx?referer=" + escape(document.referrer));
        });


    </script>
</head>
<body style="max-width: initial;">

    <!-- 公用头部 S -->
    <header id="header" class="header">
        <a href="#" onclick="javascript:history.go(-1);return false;" class="header-back jsBack font20">
            <img src="static/picture/trun.png" alt="" />
        </a>
        <h1 class="header-back-title">福利</h1>
        <div class="header-operate">
            <a href="/Search/index.html" class="icon icon-search" title="搜索">
                <i class="icon iconfont icon-sousuo font24"></i>
            </a>
            <a href="#" class="icon icon-more" title="更多" id="category-list"></a>
        </div>
    </header>
    <!-- 更多内容的导航 S -->
    
<div id="guide" class="guide">
    <i id="guideOverlay" class="guide-overlay"></i>
    <div class="guide-content">
        <nav class="guide-nav">
            <a href="/" class="guide-nav-a">
                <i class="icon icon-home"></i>
                <h4 class="guide-nav-h">首页</h4>
            </a>
            <a href="/Type/index.html" class="guide-nav-a">
                <i class="icon icon-sort"></i>
                <h4 class="guide-nav-h">分类</h4>
            </a>
            <a href="/TopList/Hots.html" class="guide-nav-a">
                <i class="icon icon-rank"></i>
                <h4 class="guide-nav-h">排行榜</h4>
            </a>
            <a href="/FuLi.aspx" class="guide-nav-a">
                <i class="icon icon-fuli"></i>
                <h4 class="guide-nav-h">福利</h4>
            </a>
            <a href="/Theme/List.html" class="guide-nav-a">
                <i class="icon icon-finishbook"></i>
                <h4 class="guide-nav-h">专题</h4>
            </a>
            <a href="/My/Home.aspx" class="guide-nav-a jsLogin">
                <i class="icon icon-account"></i>
                <h4 class="guide-nav-h">我的</h4>
            </a>
        </nav>
        <div class="guide-footer">
            <a href="/My/BookMark.aspx" class="btn-primary" data-size="14">我的书架</a>
        </div>
    </div>
</div>


    <div class="body-bg">
        <div class="headerde">
            <a href="/My/PayVip.aspx" class="btn btn-pay">立即充值</a>
        </div>
        <div class="container">

            <i class="icon icon-border icon-left-top"></i>
            <i class="icon icon-border icon-right-bottom"></i>
            <div class="title-box">
                <h2 class="title2">活动介绍
                            <i class="icon icon-title icon-title-left"></i>
                    <i class="icon icon-title icon-title-right"></i>
                </h2>
                <div class="title-text text-introduct"></div>
            </div>
            <ol class="rule-list">
                <li class="rule-item">活动时间：2019.3.15—2019.12.28； </li>
                <li class="rule-item">活动对象：首次在泡泡读书充值的用户；</li>
                <li class="rule-item">充的越多折扣越高：
                  <span style="color:#c643ed;">1个月：5折</span> <br />
                    <span style="color:#c643ed;padding-left:115px;"> 3个月：4折</span><br />
                    <span style="color:#c643ed;padding-left:115px;"> 6个月：3折</span><br />
                    <span style="color:#c643ed;padding-left:109px;"> 12个月：2折</span><br />
                </li>
                <li class="rule-item">充值成功后，可到账户页查看余额。点击余额可查看充值记录；若赠币没有及时到账，请稍等片刻，可能是因充值人数较多，服务器压力过大导致；</li>
                <li class="rule-item">本活动最终解释权归泡泡读书。</li>
            </ol>
        </div>
    </div>


</body>
</html>
